<ion-modal-view ng-controller="${widgetCode}Ctrl">
  <ion-header-bar class="bar bar-header bar-positive">
	 <button ng-click="closeModal()" class="button back-button buttons button-clear header-item">
		<i class="icon ion-android-arrow-back"></i> 
     </button>   
     <h1 class="title">{{modalTitle}}</h1>
  </ion-header-bar>
  <ion-content>
      <div class="gray-bg">
	      <div class="white-bg" style="padding-bottom:2px;">
		      <div class="item item-avatar border-none">
                  <!--<img src="http://www.runoob.com/try/demo_source/nin_logo.jpeg">-->
           	      <span class="round-text round-text-big">{{ evectionDetailData.name | limitTo : 1}}</span>
           	      <h2 class="ex-name-title">{{ evectionDetailData.name}}</h2>
         		  <p style="margin-top: 9px;color:#ED7233;margin-left:5px;">{{evectionDetailData.stateText}}</p>
         		  <p style="position:absolute;top: 20%;right: 4%;">{{evectionDetailData.commitTime}}</p>
              </div>
		      <HR  width="93%" color=#987cb9 SIZE=1>
		      <div style="padding-left: 3%;margin-bottom: 4%;margin-top: 4%;">
			      <p><strong>补助信息</strong></p>
			      <p class="line-height-10 light-text-color">同行人&nbsp;:&nbsp;{{evectionDetailData.togetherPerson}}</p>
			      <p class="line-height-10 light-text-color">开始日期&nbsp;:&nbsp;{{evectionDetailData.startTime}}</p>
			      <p class="line-height-10 light-text-color">结束日期&nbsp;:&nbsp;{{evectionDetailData.endTime}}</p>
			      <p class="line-height-10 light-text-color">出差天数&nbsp;:&nbsp;{{evectionDetailData.evectionDay}}</p>
			      <p class="line-height-10 light-text-color">补助金额&nbsp;:&nbsp;{{evectionDetailData.subsidy}}</p>
			      <p class="line-height-10 light-text-color">出差事由&nbsp;:</p>
			      <p class="line-height-10">{{evectionDetailData.desc}}</p>
		      </div>
		      <HR  width="93%" color=#987cb9 SIZE=1 >
		      <div ng-repeat="x in evectionDetailData.expenseList">
				  <div style="padding-left: 3%;margin-bottom: 4%;" >
					  <p><strong>费用清单&nbsp;{{$index + 1}}</strong></p>
					  <p class="line-height-10 light-text-color">出发地&nbsp;:&nbsp;{{x.departure}}</p>
				      <p class="line-height-10 light-text-color">目的地&nbsp;:&nbsp;{{x.destination}}</p>
				      <p class="line-height-10 light-text-color">出发时间&nbsp;:&nbsp;{{x.sdate}}</p>
				      <p class="line-height-10 light-text-color">到达时间&nbsp;:&nbsp;{{x.edate}}</p>
				      <p class="line-height-10 light-text-color">交通方式&nbsp;:&nbsp;{{x.transportationWay}}</p>
				      <p class="line-height-10 light-text-color">交通费用&nbsp;:&nbsp;{{x.transportationFee}}</p>
				      <p class="line-height-10 light-text-color">住宿费用&nbsp;:&nbsp;{{x.horelFee}}</p>
				      <p class="line-height-10 light-text-color">其他费用&nbsp;:&nbsp;{{x.otherFee}}</p>
				      <p class="line-height-10 light-text-color">备注&nbsp;:</p>
				      <p class="line-height-10">{{x.remarks}}</p>
				  </div>
		      	  <HR  width="93%" color=#987cb9 SIZE=1 >
		      </div>
			  <p style="padding-left: 3%;">总报销金额(元)&nbsp;:&nbsp;<span style="color:#ED7233;">{{evectionDetailData.money}}</span></p>
	      </div>
		  <div class="gray-bg">
		    <section id="cd-timeline" class="cd-container">
				<div class="cd-timeline-block" ng-repeat="x in evectionDetailData.appList">
					<div class="cd-timeline-img cd-picture" style="background: {{x.imgBg}}">
						<img src="/map/repository/widgets/em_widgets/cost/images/{{x.imgUrl}}" alt="Picture">
					</div>
					
					<div class="timeline-last-mask" ng-if="$last"></div>
					
					<div class="cd-timeline-content" style="min-height: 70px;">
		            	<!--<img src="http://www.runoob.com/try/demo_source/nin_logo.jpeg">-->
		            	<span class="round-text" >{{ x.appName | limitTo : 1}}</span>
		            	<p style="position: absolute;top: 0px;left: 65px;font-weight: bold;">{{ x.appName}}</p>
		            	<p style="position: absolute;top: 20px;left: 65px;color:lawngreen">{{ x.appResult}}</p>
		            	<p style="position: absolute;top: 0px;right: 35px;">{{ x.appDate}}</p>
		            	<HR  width="95%" color=#987cb9 SIZE=1 style="margin-top:50px" ng-if=" x.appOpinion">
		            	<p ng-if=" x.appOpinion">{{ x.appOpinion}}<p>
					</div>
			    </div>
			 </section>
		 </div>
		</div>	

  </ion-content>
</ion-modal-view>